Intro

Show dynamic HTML content in toddle

This package lets you render dynamic HTML from headless CMSs like Storyblock, Contentful, and other in toddle.

Demo

Components

  • html-block

    The only component in this package. Use the html attribute to show your HTML content.

    Attributes

    htmlThe html content to show

Style variables

The following style variables can be used to customize the styling of the content. Add these to your project theme or as component style variables to override the default values.

html-block-font-colorThe default font color
html-block-bg-colorThe default background color
html-block-font-sizeThe default font size
html-block-h1-colorHeading 1 font color
html-block-h1-sizeHeading 1 font size
html-block-h2-sizeHeading 2 font size
html-block-h2-colorHeading 2 font color
html-block-link-colorHyperlink color
html-block-strong-color<strong> font color
html-block-quote-colorBlockquote font color
html-block-quote-border-colorBlockquote border color